import React, { useEffect, useRef, useState } from "react";
import { Button } from "antd-mobile";
import { NotiComp, PopComp, PopLightComp } from "@/components/common";
import useGame from "@/components/pages/game/car/stores/useGameK";
import { CloseOutline } from "antd-mobile-icons";

const pageName = "game.v.rule";
const klassName = pageName.replace(/\./g, '-');

export default function ReadyComp({children, content, header, actions, handler}) {
  let distance = useGame(state => state.distance)
  let passed = useGame(state => state.passed)

  useEffect(() => {
  }, [])

  return (
    <div className={`cp-${klassName}`}>
      <div className="action" onClick={handler.visible}><CloseOutline fontSize={14} /></div>

      <div className="inner">
        <div className="header">
          UNI-V智电iDD疾速之旅
        </div>

        <div className="title">
          玩法说明：
        </div>
        <p>
          游戏限时30秒，用手指快速点击屏幕控制车辆向前移动，点击频次越高，行驶速度越快，行驶里程越长。行驶途中碰到蓝色装备包将获得特殊技能加持。
        </p>

        <div className="title">
          装备包介绍：
        </div>
        <p>
          急速之靴：增加车辆起始动力 瞬间前进100里程<br/>
          超长续航包：增加游戏10s时长。
        </p>

        {/*<img src="https://yinli-qixi-run.varwey.com/2023/230318-changan-kv-game/img/v-items.png" alt="" />*/}

        <div className="title">
          奖励说明：
        </div>
        <p>
          ① 活动期间，认证车主每人每天1次机会，每次完成游戏即可获得80U币奖励；非车主会员活动期间内仅有1次机会，每次完成游戏即可获得50U币奖励； <br/>
          ② 活动结束时，将生成行驶里程数总和排名，排行榜前3名将获得额外U币奖励，具体规则为：<br/>
          第1名 500 U币<br/>
          第2名 300 U币<br/>
          第3名 100 U币<br/>
          ③ 积分奖励将于活动结束后10个工作日内发放。
        </p>
      </div>
      <div className="car-wrapper">
        <img className="car" src={`https://yinli-qixi-run.varwey.com/2023/230318-changan-kv-game/img/car-v.png`} alt="" />
      </div>
    </div>
  )
}

